﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../css/base.css" rel="stylesheet" type="text/css" />
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../layui/css/layui.css"  media="all">
<script type="text/javascript" src="../js/jQuery1.7.js"></script>
<script type="text/javascript" src="../js/demo.js"></script>
<script type="text/javascript"  src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/icheck.min.js"></script>
<script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_square-blue',  // 注意square和blue的对应关系,用于type=checkbox
    radioClass: 'iradio_square-blue', // 用于type=radio
    increaseArea: '20%' // 增大可以点击的区域
  });
});
</script>
</head>

<body>
  <div class="inquiry">
  <form class="layui-form" action="">
    <div id="brandList">
        <div class="button-Orange"><a href="#"><i class="button-icos"><img src="../images/ico/search-ico.png"/></i> <span>搜索</span></a></div>
          <ul class="cons">
           <li>
              <div class="layui-form-item">
                <label class="layui-form-label">计费对象名称：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" />
                </div>
            </li>
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">计费对象代码：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" />
                </div>
            </li>
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">计费对象类别：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" />
                </div>
            </li>
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">行政区划：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <select name="quiz1">
                    <option selected="selected">省</option>
                  </select>
                </div>
                <div class="layui-input-inline" style="width:150px;">
                  <select name="quiz1">
                    <option selected="selected">市</option>
                  </select>
                </div>
                <div class="layui-input-inline" style="width:150px;">
                  <select name="quiz1">
                    <option selected="selected">县</option>
                  </select>
                </div>
              </div>
            </li>
             <li>
              <div class="layui-form-item">
                <label class="layui-form-label">账单编号：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" />
                </div>
            </li>
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">账单费用日期：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" onclick="layui.laydate({elem: this, festival: true})"/>
                </div>
                <label class="layui-form-label" style="padding: 0 10px 0 10px;">至</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" onclick="layui.laydate({elem: this, festival: true})"/>
                </div>
            </li>
          </ul>
         
         <div id="showMore"> <a href="#"> <span class="hide"></span> </a> </div>
          <div class="line"></div>
    </div>
  </form>
</div>
  
  
  <div class="datail" style="min-height:540px;overflow:auto">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table" style="width: 2000px;overflow: auto">
      <tr>
        <th width="2%"> <input type="checkbox" name="checkbox" id="checkbox" /></th>
        <th width="6%">账单编号</th>
        <th width="6%">计费对象代码</th>
        <th width="8%">计费对象名称</th>
        <th width="6%">费用封顶周期</th>
        <th width="6%">费用封顶金额</th>
        <th width="7%">费用封顶折扣金额</th>
        <th width="6%">账单金额</th>
        <th width="6%">月结费用年月</th>
        <th width="10%">计费科目名称</th>
        <th width="12%">凭证号</th>
        <th width="4%">数量</th>
        <th width="4%">基准价</th>
        <th width="4%">总价</th>
        <th width="4%">单价折扣1</th>
        <th width="4%">总量折扣</th>
        <th width="14%">特别折扣值</th>
      </tr>
      <tbody>
  <tr>
    <td rowspan="3"><div class="DataTables_sort_wrapper"><input type="checkbox"></div></td>
    <td rowspan="3">281764-866534</td>
    <td rowspan="3">SAE028340873</td>
    
    <td rowspan="3">计费对象名称A</td>
    <td rowspan="2">月度</td>
    <td rowspan="2">1000.00</td>
    <td rowspan="3">800.00</td>
    <td rowspan="3">34.00</td>
    
    <td>2014-9</td>
    <td>计费科目名称a</td>
	<td>VSNC2013081200114929</td>
    <td>2</td>
    <td>5</td>
    <td>10</td>
    <td>0.1</td>
    <td>0.05</td>
    <td>0.05</td>

  </tr>

  <tr>
    <td>2014-8</td>
    <td>计费科目名称b</td>
	<td>VSNC2013081200114950</td>
    <td>1</td>
    <td>10</td>
    <td>10</td>
    <td>0.05</td>
    <td>0.05</td>
    <td>0.01</td>
  </tr>
  <tr>
	<td>年度</td>
	<td>8000.00</td>
    <td>2014-7</td>
    <td>计费科目名称c</td>
	<td>VSNC2013081200114985</td>
    <td>7</td>
    <td>2</td>
    <td>14</td>
    <td>0.05</td>
    <td>0.05</td>
    <td>--</td>
  </tr>


  
  
  <tr>
    <td rowspan="4"><div class="DataTables_sort_wrapper"><input type="checkbox"></div></td>
    <td rowspan="4">281764-866535</td>
    <td rowspan="4">OUY028340939</td>
    
    <td rowspan="4">计费对象名称B</td>
    <td rowspan="4">年度</td>
    <td rowspan="4">2000.00</td>
    <td rowspan="4">1500.00</td>
    <td rowspan="4">222</td>
    
    <td rowspan="3">2014-9</td>
    <!--<td rowspan="3">11</td>-->
    <td>计费科目名称a</td>
	<td>VSNC2013081200114929</td>
    <td>16</td>
    <td>5</td>
    <td>80</td>
    <td>0.1</td>
    <td>0.05</td>
    <td>0.05</td>
  </tr>
  <tr>
    <td>计费科目名称b</td>
	<td>VSNC2013081200114950</td>
    <td>6</td>
    <td>10</td>
    <td>60</td>
    <td>0.05</td>
    <td>0.05</td>
    <td>0.01</td>
  </tr>
  <tr>
    <td>计费科目名称c</td>
	<td>VSNC2013081200114985</td>
    <td>21</td>
    <td>2</td>
    <td>42</td>
    <td>0.05</td>
    <td>0.05</td>
    <td>0.02</td>
  </tr>
  <tr>
    <td>2014-7</td>
    <!--<td>4</td>-->
    <td>计费科目名称b</td>
	<td>VSNC2013081200114950</td>
    <td>4</td>
    <td>10</td>
    <td>40</td>
    <td>0.05</td>
    <td>0.05</td>
    <td>0.01</td>
  </tr>
  
  <tr>
    <td rowspan="2"><div class="DataTables_sort_wrapper"><input type="checkbox"></div></td>
    <td rowspan="2">281764-864456</td>
    <td rowspan="2">IKDY28340939</td>
    
    <td rowspan="2">计费对象名称C</td>
    <td rowspan="2">月度</td>
    <td rowspan="2">1000.00</td>
    <td rowspan="2">900.00</td>
    <td rowspan="2">21.00</td>
    
    <td>2014-8</td>
    <!--<td>100</td>-->
    <td>计费科目名称d</td>
	<td>VSNC2013081200114996</td>
    <td>8</td>
    <td>1</td>
    <td>8</td>
    <td>0.01</td>
    <td>0.02</td>
    <td>0.02</td>
  </tr>
  
  <tr>
    <td>2014-7</td>
    <!--<td>20</td>-->
    <td>计费科目名称d</td>
	<td>VSNC2013081200114996</td>
    <td>13</td>
    <td>1</td>
    <td>13</td>
    <td>0.01</td>
    <td>0.02</td>
    <td>0.02</td>
  </tr>
</tbody>

    </table>
  </div>
  <div class="operating">
    <div class="btn">
      <div class="button"><a href="../复用/导出.html">
        <div class="button-ico"><img src="../images/ico/btn-ico-04.png"/></div>
        <span>导出</span></a></div>
    </div>
    <div class="pages">
      <div id="demo2"></div>
    </div>
  </div>
<script type="text/javascript" src="../layui/layui.js"></script> 
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form()
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;
});

layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer;
  
  laypage({
    cont: 'demo2'
    ,pages: 20
    ,skin: '#1E9FFF'
    ,skip: true
    ,first: 1
    ,last: 20
    ,prev: '<em><</em>'
    ,next: '<em>></em>'
  });
  
});
</script>
</body>
</html>
